<template>
	<div id="box">
		<header>
		<ul>
			<li @click="fanhui"><img src="../assets/img/fanhui2.png"></li>
			<li>购物车</li>
			<li></li>
		</ul>	
	</header>
	<section>
		<ul>
			<li><img src="../assets/img/zanwu.png"><p>购物车暂无数据</p></li>
		</ul>
		<ol>
			<li>共<span>0</span>商品 共计<span>0</span>元</li>
			<li><button>计算</button></li>
		</ol>
	</section>
	<footer>
		<ul>
		<router-link to="shouye">
			<li><img src="../assets/img/foot1.png"><p>首页</p></li>
		</router-link>
			<router-link to="zuixinjiexiao">
			<li><img src="../assets/img/foot2.png"><p>最新揭晓</p></li>
		</router-link>
		<router-link to="qingdan">
			<li><img src="../assets/img/foot3.png"><p>清单</p></li>
		</router-link>
		<router-link to="faxian">
			<li><img src="../assets/img/foot4.png"><p>发现</p></li>
		</router-link>
		<router-link to="sjdenglu">
			<li><img src="../assets/img/foot5.png"><p>我</p></li>
		</router-link>
		</ul>
	</footer>
	</div>
</template>

<script>
 
export default {
  name: 'box',
   methods:{
   	  fanhui(){
   	  	this.$router.go(-1)
   	  }
   }
}

</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped lang="less">
 @import ".././assets/less/qingdan.less";
   @import ".././assets/css/reset.css";
</style>